@charset "UTF-8";
@import "reset";
@import "mixin";

$fs:64px;
html {
    font-size: $fs;
}

//将px单位换算成rem单位
@function r($px) {
    @return $px/$fs*1rem
}


//主要内容样式
//主要内容容器样式
body{
    width: 100%;
    background: #222222;
    //头部样式
    header{
        @include header;
    } 
    //头部空白
    .topNull{
        width: 100%;
        height: r(90px);
    }
    //主要内容
    //logo
    .logo{
        width: r(161px);
        height: r(136px);
        margin: 0 auto;
        margin-top: r(105px);
        img{
            width: 100%;
            height: 100%;
        }
    }
    //提交表单
    form{
        width: r(492px);
        margin: 0 auto;
        font-size: 0px;
        margin-top: r(47px);
        a:first-of-type{
            display: block;
            font-size: r(19px);
            margin-top: r(20px);
            color: #cdcdcd;
        }
        a:nth-of-type(2),a:nth-of-type(3){
            display: block;
            width: r(492px);
            height: r(53px);
            font-size: r(22px);
            text-align: center;
            color: #cdcdcd;
            line-height: r(53px);
        }
        a:nth-of-type(2){
            background: #b60005;
            margin-top: r(60px);
        }
        a:nth-of-type(3){
            background: #303030;
            border: r(2px) solid #b60005;
            margin-top: r(14px);
        }
        //登陆名样式
        .name,.password{
            width: r(492px);
            height: r(53px);
            img{
                width: r(61px);
                height: 100%;
                padding: r(11px) r(16px) r(12px) r(16px);
                background: #303030;
            }
            input{
                width: r(431px);
                height: r(53px);
                border: none;
                padding-left: r(20px);
                font-size: r(20px);
                border-radius: 0;
            }
            input::-webkit-input-placeholder{
                color: #cdcdcd;
                font-size: r(20px);
            }
        }
        .password{
            margin-top: r(16px);
        }
    }
}